<template>
  <div class="app-container" >
    <el-form label-width="120px" >

      <el-form-item required="true" label="营业时间">
        <div class="block">
          <el-time-select
            placeholder="起始时间"
            v-model="startTime"
            :picker-options="{
            start: '00:00',
            step: '00:60',
            end: '24:00',
            }"
            style="width: 150px;margin-right: 20px"
          >
          </el-time-select>
          <el-time-select
            placeholder="结束时间"
            v-model="endTime"
            :picker-options="{
            start: '00:00',
            step: '00:60',
            end: '24:00',
            minTime: startTime
          }"
          style="width: 150px"
          >
          </el-time-select>
        </div>
      </el-form-item>

      <el-form-item required="true" label="时间间隔">
        <el-radio v-model="interval" label="间隔半小时"/>
        <el-radio v-model="interval" label="间隔一小时"/>
      </el-form-item>

      <el-form-item>
        <el-button type="primary">立即保存</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data () {
    return {
      interval: '1'
    };
  }
}
</script>

<style scoped>
.el-button {
  margin-bottom: 20px;
  margin-left: 20px;
}

.el-input {
  width: 800px;
}

img {
  width: 100px;
  height: 100px;
}
</style>

